// 采用Vue插件开发方式
// Vue.use()
// 方式1: 传入对象(带install) 方法 - 给Vue添加全局的东西(Vue插入插件)
// 方式2: 传入函数体
import Vue from 'vue'
const obj = {
  install () {
    // 全局自定义指令
    Vue.directive('focus', {
      // 当 v-focus标签被插入到真实DOM上,此方法才会执行
      inserted (el) { // el : 指令所在的原生标签
        if (el.nodeName === 'INPUT' || el.nodeName === 'TEXTAREA') {
          el.focus()
        } else {
          const inp = el.querySelector('input')
          const t = el.querySelector('textarea')
          if (inp.nodeName === 'INPUT' || t.nodeName === 'TEXTAREA') {
            inp.focus()
            t.focus()
          } else {
            console.error('指令请在输入框上使用')
          }
        }
      }
    })
  }
}
export default obj
